@import "lib-variable";
@import "lib-mixins";

.Column {
  border: @column-border;

}

.Column-header {
  height: 35px;
  background-image: url("/app/images/column-header-bg-top.jpg");
  background-repeat: repeat-x;
}

.Column-headerCaption {
  float: left;
  display: inline-block;
  line-height: 35px;
  padding-left: 20px;
  background-image: url("/app/images/column-icon.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  color: #196ba7;
}

.Column-headerMore {
  display: inline-block;
  width: 35px;
  height: inherit;
  float: right;
  background-image: url("/app/images/more.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-right: 5px;
}

.Column-body {
}

.Column--left {
  float: left;
  width: 255px;
  height: 270px;
  margin-bottom: @column-gutter;
  margin-right: @column-gutter / 2;
  > .Column-body {
    padding: 5px;
  }
}

.Column--center {
  float:  left;
  width:  455px;
  height: 270px;
  margin: 0 @column-gutter/2 @column-gutter;
  > .Column-body {
    padding: 5px;
  }
}

.Column--right {
  float: right;
  width: 255px;
  height: 270px;
  margin-bottom: @column-gutter;
  > .Column-body {
    padding: 5px;
  }
}
